/* 搜索 start */
.search-wrapper {
    width: 100%;
    height: 563px;
    background-image: url(../images/index/search-banner.png);
    background-size: 100% 100%;
    background-position: center center;
    padding-top: 40px;
}

.search-wrapper .search-content {
    width: 710px;
    margin: 0 auto;
}

.search-wrapper .search-content .search-nav {
    display: flex;
    height: 36px;
    line-height: 36px;
    border-radius: 8px 8px 0px 0px;
    text-align: center;
    overflow: hidden;
}

.search-wrapper .search-content .search-nav .bg-ret {
    display: block;
    width: 20px;
    height: 36px;
}

.search-wrapper .search-content .search-nav .bg-ret.current {
    transform: rotate(180deg);
}

.search-wrapper .search-content .search-nav .search-nav-item {
    background: #E3EFFF;
    width: 172px;
    font-size: 16px;
    color: #2E3A59;
}

.search-wrapper .search-content .search-nav .search-nav-item:nth-child(3) {
    border-radius: 0px 8px 0px 0px;
}

.search-wrapper .search-content .search-nav .search-nav-item.current {
    background: #F6FAFF;
    font-weight: bold;
    color: #1479D7;
}

.search-wrapper .search-content .input-wrapper {
    width: 710px;
    height: 60px;
    background: #FFFFFF;
    opacity: 0.84;
    border-radius: 0px 8px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-wrapper .search-content .input-wrapper .input-content {
    width: 579px;
    border-bottom: 1px solid #CDD5DD;
    position: relative;
}

.search-wrapper .search-content .input-wrapper .input-content .input {
    border: none;
    outline: none;
    padding: 10px 25px;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
}

.search-wrapper .search-content .input-wrapper .input-content .search-icon {
    width: 14px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/index/search-icon.png);
    background-size: 100% 100%;
}

/* 搜索 end */

/* 公告 start */
.notice-wrapper {
    width: 1200px;
    height: 110px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(46, 58, 89, 0.1);
    opacity: 0.9;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: -60px;
    position: relative;
}

.notice-wrapper .notice-icon-wrapper {
    width: 86px;
    height: 86px;
    position: absolute;
    top: -8px;
    left: 16px;
}

.notice-wrapper .notice-icon-wrapper .notice-tip-txt {
    box-sizing: border-box;
    width: 86px;
    height: 86px;
    font-size: 20px;
    font-weight: bold;
    color: #FEFEFE;
    line-height: 25px;
    background-image: url(../images/index/rddt-icon.png);
    background-size: 100% 100%;
    text-align: center;
    padding-top: 8px;
}

.notice-wrapper .swiper-container {
    width: 997px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
}

.notice-wrapper .swiper-container .swiper-slide {
    width: 997px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.notice-wrapper .swiper-container .swiper-slide .notice-title {
    width: 950px;
    font-size: 18px;
    font-weight: bold;
    color: #1479D7;
    line-height: 2;
}

.notice-wrapper .swiper-container .swiper-slide .notice-desc {
    width: 950px;
    font-size: 16px;
    font-weight: 400;
    color: #2E3A59;
    line-height: 2;
}

/* 公告 end */


/* 日历九宫格 start */
.grid-wrapper {
    width: 1200px;
    height: 334px;
    margin: 0 auto;
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

.grid-wrapper .date-wrapper {
    display: flex;
}

.grid-wrapper .date-wrapper .month-wrapper {
    width: 240px;
    height: 334px;
    background-image: url(../images/index/bg_calendar.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top {
    padding: 30px 20px 50px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top .current-month {
    font-size: 24px;
    font-weight: 400;
    color: #4B90ED;
    display: flex;
    align-items: center;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top .current-month .number {
    font-size: 32px;
    font-family: Arial;
    font-weight: bold;
    color: #4B90ED;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top .oparation {
    display: flex;
    cursor: pointer;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top .oparation .op-prev {
    width: 28px;
    height: 28px;
    border: 1px solid #2E92FF;
    border-radius: 4px 0px 0px 4px;
    background-image: url(../images/index/month-prev-icon.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.grid-wrapper .date-wrapper .month-wrapper .month-top .oparation .op-next {
    width: 28px;
    height: 28px;
    border: 1px solid #2E92FF;
    border-left: 0;
    border-radius: 0px 4px 4px 0px;
    background-image: url(../images/index/month-next-icon.png);
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.grid-wrapper .date-wrapper .month-wrapper .month-mid {
    font-size: 32px;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
}

.grid-wrapper .date-wrapper .month-wrapper .month-mid .current-y-m {
    color: #4B90ED;
}

.grid-wrapper .date-wrapper .month-wrapper .month-mid .day {
    font-size: 15px;
    font-weight: 400;
    color: #4B90ED;
    margin-top: 20px;
}

.grid-wrapper .date-wrapper .month-wrapper .month-bottom {
    width: 178px;
    height: 46px;
    background: linear-gradient(0deg, #077BDB 0%, #238BEB 100%, #077BDB 100%);
    border-radius: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 80px;
    cursor: pointer;
}

.grid-wrapper .date-wrapper .month-wrapper .month-bottom .look-tip {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.grid-wrapper .date-wrapper .month-wrapper .month-bottom .month-more-icon {
    display: block;
    width: 12px;
    height: 10px;
    margin-left: 5px;
}

.grid-wrapper .date-wrapper .date-desc-wrapper {
    width: 520px;
    height: 334px;
    background: #FFFFFF;
    border: 1px solid #E5E5EB;
    border-radius: 0 8px 8px 0;
    border-left: none;
    padding: 0 20px;
    box-sizing: border-box;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .day-list {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #E5E5EB;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .day-list .day-item {
    padding: 35px 0 15px;
    font-size: 15px;
    font-weight: 400;
    color: #92939A;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list .date-item {
    width: 68.4px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial;
    font-size: 14px;
    position: relative;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list .date-item .expire {
    color: #ccc;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list .date-item .c-month {
    color: #2E3A59;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list .date-item .now {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(0deg, #59BBBA 0%, #28B0A7 100%);
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.grid-wrapper .date-wrapper .date-desc-wrapper .date-list .date-item .act-count {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #EFBA76;
    border-radius: 50%;
    font-size: 10px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFEFE;
    position: absolute;
    right: 4px;
    top: 4px;
}

.grid-wrapper .left-wrapper {
    width: 418px;
    height: 332px;
    background: #FFFFFF;
    border-top: 1px solid #E5E5EB;
    border-left: 1px solid #E5E5EB;
    border-radius: 8px;

    display: flex;
    flex-wrap: wrap;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(3) {
    border-radius: 0 8px 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(7) {
    border-radius: 0 0 0 8px;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(9) {
    border-radius: 0 0 8px 0;
}

.grid-wrapper .left-wrapper .grid-item {
    box-sizing: border-box;
    width: 33.3333333%;
    border-bottom: 1px solid #E5E5EB;
    border-right: 1px solid #E5E5EB;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.grid-wrapper .left-wrapper .grid-item .grid-item-title {
    font-size: 16px;
    font-weight: 400;
    color: #2E3A59;
}

.grid-wrapper .left-wrapper .grid-item .grid-item-icon {
    display: block;
    width: 52px;
    height: 52px;
    margin-bottom: 8px;

}

.grid-wrapper .left-wrapper .grid-item:nth-child(1) .grid-item-icon {
    background-image: url(../images/index/icon-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(2) .grid-item-icon {
    background-image: url(../images/index/icon-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(3) .grid-item-icon {
    background-image: url(../images/index/icon-3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(4) .grid-item-icon {
    background-image: url(../images/index/icon-4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(5) .grid-item-icon {
    background-image: url(../images/index/icon-5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(6) .grid-item-icon {
    background-image: url(../images/index/icon-6.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(7) .grid-item-icon {
    background-image: url(../images/index/icon-7.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(8) .grid-item-icon {
    background-image: url(../images/index/icon-8.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(9) .grid-item-icon {
    background-image: url(../images/index/icon-9.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.grid-wrapper .left-wrapper .grid-item:nth-child(1):hover .grid-item-icon {
    background-image: url(../images/index/icon-1-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(2):hover .grid-item-icon {
    background-image: url(../images/index/icon-2-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(3):hover .grid-item-icon {
    background-image: url(../images/index/icon-3-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(4):hover .grid-item-icon {
    background-image: url(../images/index/icon-4-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(5):hover .grid-item-icon {
    background-image: url(../images/index/icon-5-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(6):hover .grid-item-icon {
    background-image: url(../images/index/icon-6-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(7):hover .grid-item-icon {
    background-image: url(../images/index/icon-7-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(8):hover .grid-item-icon {
    background-image: url(../images/index/icon-8-s.png);
}

.grid-wrapper .left-wrapper .grid-item:nth-child(9):hover .grid-item-icon {
    background-image: url(../images/index/icon-9-s.png);
}

.grid-wrapper .left-wrapper .grid-item:hover .grid-item-title {
    color: #1479D7;
}

/* 日历九宫格 end */

/* 推荐start */


@font-face {
    font-family: 'HappyZcool';
    src: url('../common/font/font197/1happyzcool.ttf') format('truetype');
}

.recommend-peixun {
    width: 100%;
    height: 874px;
    background: #F5F7FA;
    padding: 60px 0;
    box-sizing: border-box;
}

.recommend-wrapper {}

.recommend-wrapper .recommend-nav-wrapper {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content {
    display: flex;
    align-items: center;
    flex: 1;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper {
    display: flex;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item {
    width: 170px;
    height: 46px;
    line-height: 46px;
    background-color: #E3EFFB;
    font-size: 24px;
    font-family: HappyZcool;
    font-weight: bold;
    color: #2E3A59;
    text-align: center;
    cursor: pointer;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item.current {
    background-color: #1479D7;
    color: #fff;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item.current:nth-child(2)::before {
    transform: rotate(0deg);
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item:nth-child(1) {
    margin-right: 20px;
    position: relative;
    border-radius: 8px 0 0 0;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item:nth-child(2) {
    position: relative;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item:nth-child(2)::before {
    content: '';
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: -20px;
    transform: rotate(180deg);
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .nav-wrapper .nav-item:nth-child(2) {
    border-radius: 0 8px 0 0;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-nav-content .line {
    flex: 1;
    height: 6px;
    margin-right: 12px;
    margin-left: 3px;
    background-image: url(../images/index/title_line.png);
}

.recommend-wrapper .recommend-nav-wrapper .recommend-more {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-more .more-text {
    font-size: 15px;
    font-weight: 400;
    color: #2E3A59;
    margin-right: 10px;
}

.recommend-wrapper .recommend-nav-wrapper .recommend-more .more-icon {
    display: block;
    width: 12px;
    height: 10px;
}

.recommend-wrapper .swiper-container {
    width: 1200px;
    margin: 0 auto;
    height: 220px;
}

.recommend-wrapper .swiper-container .swiper-slide {
    height: 220px;
    display: flex;
    justify-content: center
}

.recommend-wrapper .swiper-container .item-wrapper {
    height: 220px;
    width: 250px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 18px;
}

.recommend-wrapper .swiper-container .item-wrapper .item-bg {
    width: 250px;
    height: 152px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(46, 58, 89, 0.1);
    border-radius: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.recommend-wrapper .swiper-container .item-wrapper .item-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.recommend-wrapper .swiper-container .item-wrapper .item-top .cover-wrapper {
    width: 120px;
}

.recommend-wrapper .swiper-container .item-wrapper .item-top .cover-wrapper .cover-img {
    display: block;
    width: 120px;
}

.recommend-wrapper .swiper-container .item-wrapper .item-top .ewm-icon {
    display: block;
    width: 78px;
    height: 78px;
}

.recommend-wrapper .swiper-container .item-wrapper .item-bottom {
    position: relative;
    z-index: 2;
    width: 220px;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
    color: #2E3A59;
}

.recommend-wrapper .swiper-container .button-prev,
.recommend-wrapper .swiper-container .button-next {
    width: 34px;
    height: 40px;
    position: absolute;
    bottom: 50px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 10;
}

.recommend-wrapper .swiper-container .button-prev {
    left: 0;
    background-image: url(../images/index/icon_arrow_left.png);
}

.recommend-wrapper .swiper-container .button-next {
    right: 0;
    background-image: url(../images/index/icon_arrow_right.png);
}

/* 推荐end */

/* 研学培训start */
.peixun-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 57px;
}

.peixun-wrapper .peixun-content {
    width: 590px;
    height: 402px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px 25px;
    box-sizing: border-box;
}

.peixun-wrapper .peixun-content .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
}

.peixun-wrapper .peixun-content .title-wrapper .title-left {
    width: 100%;
    display: flex;
    align-items: center;
}

.peixun-wrapper .peixun-content .title-wrapper .title-left .title-img {
    width: 144px;
    height: 40px;
    display: block;
}

.peixun-wrapper .peixun-content .title-wrapper .title-left .line {
    flex: 1;
    height: 6px;
    background-image: url(../images/index/title_line.png);
    background-repeat: repeat;
    margin-right: 12px;
    margin-left: 3px;
}

.peixun-wrapper .peixun-content .title-wrapper .show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.peixun-wrapper .peixun-content .title-wrapper .show-more .more-txt {
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #2E3A59;
    width: 66px;
}

.peixun-wrapper .peixun-content .title-wrapper .show-more .more-img {
    display: flex;
    height: 10px;
    width: 12px;
}

.peixun-wrapper .peixun-content .peixun-banner-wrapper {

    width: 534px;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;

}

.peixun-wrapper .peixun-content .peixun-banner-wrapper:hover {
    transform: scale(1.1);
}

.peixun-wrapper .peixun-content .peixun-banner-wrapper .swiper-container {
    width: 534px;
    height: 300px;
}

.swiper{
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #1479D7;/* 两种都可以 */

    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #1479D7;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 15px;/* 设置按钮大小 */
}
.swiper .hide{
    opacity:0;
}
.swiper-button-next,.swiper-button-prev{
    transition:opacity 0.5s;
}

.peixun-wrapper .peixun-content .peixun-banner-wrapper .swiper-container .swiper-slide {
    position: relative;
}

.peixun-wrapper .peixun-content .peixun-banner-wrapper .peixun-cover-img {
    display: block;
    width: 534px;
    height: 300px;
    border-radius: 8px 8px 0 0;
}

.peixun-wrapper .peixun-content .peixun-banner-wrapper .peixun-desc {
    width: 534px;
    height: 46px;
    line-height: 46px;
    background: #2E3A59;
    opacity: 0.6;
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 20px;
    box-sizing: border-box;
}

.list-wrapper {}

.list-wrapper .list-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.list-wrapper .list-item .list-style {
    width: 6px;
    height: 10px;
    background-image: url(../images/index/list-style.png);
    background-size: 100% 100%;
    margin-right: 16px;
}

.list-wrapper .list-item .item-title {
    width: 500px;
    font-size: 16px;
    font-weight: 400;
    color: #2E3A59;
}

/* 研学培训end */

/* 动态 start */
.trends-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
    box-sizing: border-box;
}

.trends-wrapper .swiper-container {
    width: 500px;
    height: 328px;
    margin: 0;
    border-radius: 8px;
}
.trends-wrapper .swiper-container:hover{
    transform: scale(1.1);
}
.trends-wrapper .swiper-container .swiper-slide{
    width: 500px;
    height: 328px;
    position: relative;
}
.trends-wrapper .swiper-container .swiper-slide .trends-img{
    display: block;
    width: 500px;
    height: 328px;
}
.trends-wrapper .swiper-container .swiper-slide .trends-title{
    width: 500px;
    height: 46px;
    line-height: 46px;
    background: #2E3A59;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
}

.trends-wrapper .msg-wrapper {
    width: 680px;
}
.trends-wrapper .msg-wrapper .msg-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper{
    display: flex;
    background-color: #E3EFFB;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item{
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
    font-family: HappyZcool;
    font-weight: bold;
    color: #2E3A59;
    cursor:pointer;
    /* margin-right:20px; */
    position: relative;
}
/* .trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item:last-child{
    margin-right: 0;
} */
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item.current{
    background-color: #1479D7;
    color: #fff;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item:nth-child(1).current::after{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 0;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item:nth-child(2).current::before{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item:nth-child(2).current::after{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 0;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-wrapper .nav-item:nth-child(3).current::before{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
}

.trends-wrapper .msg-wrapper .msg-nav .nav-more{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-more .more-txt{
    font-size: 15px;
    font-weight: bold;
    color: #2E3A59;
    margin-right: 10px;
}
.trends-wrapper .msg-wrapper .msg-nav .nav-more .more-icon{
    display: block;
    width: 12px;
    height: 10px;
}

.trends-wrapper .msg-wrapper .msg-list{}
.trends-wrapper .msg-wrapper .msg-list .msg-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}
.trends-wrapper .msg-wrapper .msg-list .msg-item .item-content{
    width: 530px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #2E3A59;
    padding-left: 30px;
    position: relative;
}
.trends-wrapper .msg-wrapper .msg-list .msg-item .item-content::before{
    content: '';
    width: 8px;
    height: 8px;
    background: #A2A9BC;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.trends-wrapper .msg-wrapper .msg-list .msg-item .item-time{
    font-size: 16px;
    font-weight: 400;
    color: #A2A9BC;
}
/* 动态 end */

/* 数据库推荐 start */
.shujuku-wrapper{
    width: 100%;
    height: 500px;
    background: #F5F7FA;
    position: relative;
    padding-top: 60px;
}
.shujuku-wrapper .bottom-bg{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.shujuku-wrapper .title-content-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}
.shujuku-wrapper .title-content-wrapper .title-content{
    display: flex;
    align-items: center;
    width: 100%;
}
.shujuku-wrapper .title-content-wrapper .title-content .data-title-img{
    display: block;
    width: 180px;
    height: 40px;
}
.shujuku-wrapper .title-content-wrapper .title-content .line{
    flex: 1;
    height: 6px;
    background-image: url(../images/index/title_line.png);
    background-repeat: repeat-x;
    margin-left: 4px;
}
.shujuku-wrapper .title-content-wrapper .title-more{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.shujuku-wrapper .title-content-wrapper .title-more .more-text{
    font-size: 15px;
    font-weight: 400;
    color: #2E3A59;
    width: 70px;
    margin-left: 10px;
}
.shujuku-wrapper .title-content-wrapper .title-more .more-icon{
    display: block;
    width: 12px;
    height: 10px;
}
.shujuku-wrapper .data-content{
    width: 1200px;
    height: 331px;
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px rgba(46, 58, 89, 0.06);
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    z-index: 10;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.shujuku-wrapper .data-content .item-data{
    width: 165px;
    margin-right: 30px;
    margin-bottom: 32px;
    cursor: pointer;
}
.shujuku-wrapper .data-content .item-data:nth-child(6n+6){
    margin-right: 0;
}
.shujuku-wrapper .data-content .item-data .img-wrapper{
    width: 165px;
    height: 92px;
    background: #FFFFFF;
    border: 1px solid #CDD5DD;
    box-shadow: 0px 2px 8px 0px rgba(46, 58, 89, 0.06);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.shujuku-wrapper .data-content .item-data .img-wrapper:hover{
    transform: translateY(-10px);
    transition: all .5s;
}
.shujuku-wrapper .data-content .item-data .img-wrapper .data-img{
    display: block;
}
.shujuku-wrapper .data-content .item-data .data-title-txt{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #2E3A59;
    margin-top: 10px;
    width: 100%;
}
/* 数据库推荐 end */

/* 友情链接 start */
.friend-link{
    width: 1200px;
    height: 130px;
    background: #F5F7FA;
    margin: 0 auto;
    margin-bottom: 73px;
}
.friend-link .link-title{
    width: 100%;
    display: flex;
    align-items: center;
}
.friend-link .link-title .title-img{
    width: 144px;
    height: 40px;
    display: block;
}
.friend-link .link-title .line{
    flex: 1;
    height: 6px;
    background-image: url(../images/index/title_line.png);
    background-repeat: repeat-x;
    margin: 0 4px;
}
.friend-link .link-wrapper{
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}
.friend-link .link-wrapper .link-item{
    /*width: 16.666666666666%;*/
    margin-right: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #2E3A59;
    margin-top: 20px;
    cursor: pointer;
}
/* 友情链接 end */






/* 右侧二维码start */
.about-qr {
    width: 183px;
    height: 214px;
    background-image: url(../images/index/bg_qr.png);
    background-size: 100% 100%;
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 100;
}

.about-qr .qr-img {
    display: block;
    width: 104px;
    height: 104px;
    background: #FFFFFF;
    border: 1px solid #CDD5DD;
    border-radius: 4px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

/* 右侧二维码end */

/*.notice-wrapper .swiper-container .swiper-slide .notice-title{
    color: #FEFEFE;

}
.notice-wrapper .swiper-container .swiper-slide .notice-desc{
    color: #FEFEFE;;
}

.notice-wrapper {
    background: #0078D7;
    box-shadow: 0px 4px 16px 0px rgba(46, 58, 89, 0.16);
    background-image: url(../images/index/img_decorate.png);
    background-size: 533px 109px;
    background-repeat: no-repeat;
    background-position: right center;
}
.notice-wrapper .swiper-container .swiper-slide{
    text-align: left;
}*/

/* 活动安排弹框start */
.mask-wrapper{
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
}

.mask-wrapper .mask-postion {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mask-wrapper .mask-postion .mask-content{
    width: 900px;
    height: 500px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(85, 85, 85, 0.16);
    border-radius: 8px;
}
.mask-wrapper .mask-postion .mask-content .content-title-wrapper{
    width: 900px;
    height: 90px;
    overflow: hidden;
    position: relative;
}
.mask-wrapper .mask-postion .mask-content .content-title-wrapper .content-title-img{
    width: 900px;
    height: 90px;
    display: block;
}
.mask-wrapper .mask-postion .mask-content .content-title-wrapper .close-wrapper{
    width: 62px;
    height: 62px;
    background-image: url(../images/index/bg_close_hover.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}
.mask-wrapper .mask-postion .mask-content .content-title-wrapper .close-wrapper:hover{
    background-image: url(../images/index/bg_close.png);
}
.mask-wrapper .mask-postion .mask-content .content-title-wrapper .close-wrapper .close-btn{
    width: 16px;
    height: 16px;
    background-image: url(../images/index/icon_close.png);
    background-position: 0 0;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.mask-wrapper .mask-postion .mask-content .content-item-wrapper {
    cursor: pointer;
    text-decoration: none;
}

.mask-wrapper .mask-postion .mask-content .content-item-wrapper .content-item::before{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #666666;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
}
.mask-wrapper .mask-postion .mask-content .content-item-wrapper .content-item{
    width: 840px;
    height: 59px;
    border-bottom: 1px dashed #E3E2E2;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Microsoft YaHei;
}
.mask-wrapper .mask-postion .mask-content .content-item-wrapper .content-item .content-item-left{
    padding-left: 25px;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 650px;
}
.mask-wrapper .mask-postion .mask-content .content-item-wrapper .content-item .content-item-left:hover{
    text-decoration: underline;
    color: #1479D7;
    transform: translateX(10px);
}
.mask-wrapper .mask-postion .mask-content .content-item-wrapper .content-item .content-item-right{
    font-size: 16px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.mask-content .content-item-wrapper .content-item .content-item-right .add-icon{
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.mask-content .content-item-wrapper .content-item .content-item-right .click-tip{
    color: #1479D7;
}
/* 活动安排弹框end */


.recommend-wrapper .swiper-container .item-wrapper{
    width: 224px;
    height: 324px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(46, 58, 89, 0.1);
    border-radius: 8px;
    justify-content: flex-start;
    padding: 12px;
    padding-bottom: 0;
    margin: 0 10px;
}
.recommend-wrapper .swiper-container .item-wrapper .item-top .cover-wrapper{
    width: 200px;
    height: 254px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend-wrapper .swiper-container .item-wrapper .item-top .cover-wrapper .cover-img{
    max-width: 200px;
    max-height: 254px;
    width: auto;
}
.recommend-wrapper .swiper-container .item-wrapper .item-bottom{
    width: 200px;
    height: 60px;
    margin: 0;
    line-height: 60px;
    font-size: 16px;
}
.recommend-wrapper .swiper-container{
    height: 324px;
}
.recommend-wrapper .swiper-container .button-prev, .recommend-wrapper .swiper-container .button-next{
    bottom: 50%;
    transform: translateY(50%);
}
.recommend-wrapper .swiper-container .swiper-slide{
    overflow: hidden;
    height: 324px;
    justify-content: space-around;
}
.recommend-peixun{
    height: 916px;
    padding: 0;
}


.peixun-content .msg-nav {
    width: 540px;
}
.peixun-content .msg-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.peixun-content .msg-nav .nav-wrapper{
    display: flex;
    background-color: #E3EFFB;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.peixun-content .msg-nav .nav-wrapper .nav-item{
    width: 170px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
    font-family: HappyZcool;
    font-weight: bold;
    color: #2E3A59;
    cursor:pointer;
    /* margin-right:20px; */
    position: relative;
}
/* .peixun-content .msg-nav .nav-wrapper .nav-item:last-child{
    margin-right: 0;
} */
.peixun-content .msg-nav .nav-wrapper .nav-item.current{
    background-color: #1479D7;
    color: #fff;
}
.peixun-content .msg-nav .nav-wrapper .nav-item:nth-child(1).current::after{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 0;
}
.peixun-content .msg-nav .nav-wrapper .nav-item:nth-child(2).current::before{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.peixun-content .msg-nav .nav-wrapper .nav-item:nth-child(2).current::after{
    content: '';
    display: none;
    /* width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    right: 0; */
}
.peixun-content .msg-nav .nav-wrapper .nav-item:nth-child(3).current::before{
    content: '';
    display: block;
    width: 20px;
    height: 46px;
    background-image: url(../images/index/bg_title_gray.png);
    background-size: 100% 100%;
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
}

.peixun-content .msg-nav .nav-more{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.peixun-content .msg-nav .nav-more .more-txt{
    font-size: 15px;
    font-weight: bold;
    color: #2E3A59;
    margin-right: 10px;
}
.peixun-content .msg-nav .nav-more .more-icon{
    display: block;
    width: 12px;
    height: 10px;
}

.list-wrapper .list-item{
    margin-top: 20px;
    margin-bottom: 0;
}